<div class="block">
    <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false&libraries=geometry&language=en"></script> 
    <script type="text/javascript" src="js/map.js"></script>
    <script type="text/javascript" src="js/helper.js"></script>
    <script type="text/javascript" src="js/registration.js"></script>
    <div class="block-header">Registration</div>    
    If you are already registered, go to the <a href="index.jsp?content=signin">login page</a><br>
    <div style="float: left; width: 480px;">
        <div class="box">
            <div class="table-view" style="padding: 10px 20px 10px 0px;">
                <div>Login:<span class="text-red">*</span></div> <input type="text" required="" id="login" placeholder="Enter 2-40 symbols" maxlength="40"/><span class="error" id="loginTip"></span><br/>
                <div>First name:<span class="text-red">*</span></div> <input type="text" required="" id="first-name"  maxlength="40"/><span class="error" id="first-nameTip"></span><br/>
                <div>Last name:<span class="text-red">*</span></div> <input type="text" required="" id="last-name"  maxlength="40"/><span class="error" id="last-nameTip"></span><br/>
                <div>E-mail:<span class="text-red">*</span></div> <input type="text" required="" id="email"   maxlength="60"/><span class="error" id="emailTip"></span><br/>
                <div>Password:<span class="text-red">*</span></div> <input type="password" required="" id="password" placeholder="Enter 6-40 symbols" maxlength="40"/><span class="error" id="passwordTip"></span><br/>
                <div>Confirm password:<span class="text-red">*</span></div> <input type="password" required="" id="confpassword" maxlength="40"/><span class="error" id="confpasswordTip"></span><br/>
                <div>Country:<span class="text-red">*</span></div> <input type="text" required="" id="country"   maxlength="40"/><span class="error" id="countryTip"></span><br/>
                <div>City:<span class="text-red">*</span></div> <input type="text" required="" id="city"  maxlength="50"/><span class="error" id="cityTip"></span><br/>
                <div>Street:<span class="text-red">*</span></div> <input type="text" required="" id="street"   maxlength="60"/><span class="error" id="streetTip"></span><br/>
                <div>Building number:<span class="text-red">*</span></div> <input type="text" required="" id="home"  maxlength="40"/><span class="error" id="homeTip"></span><br/>
                <div>Apartment:</div> <input type="text" required="" id="appartment"  maxlength="15"/><span class="error" id="appartmentTip"></span><br/>
            </div>
            <div class="hidden">
                    <input type="text" required="" id="latitude"/><br/>
                    <input type="text" required="" id="longitude"/><br/>                
                </div>
            <div style="text-align: center; margin: 0px 0px 15px 0px;">
                <input type="button" value="Registration" id="reg-btn"/>
            </div>
            <!--<div id="successTip" style="text-align: center; margin: 0px 0px 15px 0px;"></div>-->
        </div>

    </div>

    <div style="float: right; width: 500px;">
        <div class="sidebar" id="googlemap" style="width: 500px; height: 300px;"></div>
        <div  id="location" style="float: bottom;" name="radios" ></div>
    </div>
</div>